<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>newEdit</title>
    <script src="./js/common.js" defer></script>
    <script src="./js/newEdit.js" defer></script>
    <link rel="stylesheet" href="./IconFont/css/all.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/newEdit.css">

    
</head>
<!-- 问卷编辑页 -->
<!-- 新建、编辑、填写 -->
<body>
    <!-- 公共导航条 -->
    <div class="nav">
        <!-- 问卷管理 -->
        <a href="javascript:;" class="questionManage">
            <div class="ques-manage">
                <i class="fas fa-question-circle"></i><p>问卷管理</p>
            </div>
        </a>
        <!-- 我的问卷 -->
        <div class="my-ques">
            <p>我的问卷</p>
        </div>
    </div>

    <div class="main">
        <!-- 标题 -->
        <div class="title-box">
            <input type="text" class="title" value="点击编辑标题">
        </div>
        <!-- 分隔线 -->
        <div class="line"></div>

        <!-- 题目内容部分 -->
        <div class="content">
            
        </div>
        

        <div class="wrapper">
            <!-- 题目类型选项 -->
            <div class="chose-box">
                <div class="chose">
                    <!-- 单选 -->
                    <div class="single" id="single" onclick="singlefun()">
                        <i class="fa fa-genderless"></i>
                        <div class="word">单选</div>
                    </div>
                    <!-- 多选 -->
                    <div class="mutiple" id="mutiple" onclick="mutiplefun()">
                        <i class="fas fa-check-square"></i>
                        <div class="word">多选</div>
                    </div>
                    <!-- 文本题 -->
                    <div class="text" id="text" onclick="textfun()">
                        <i class="fa fa-file-text"></i>
                        <div class="word">文本题</div>
                    </div>
                </div>
            </div>
            <!-- 添加问题部分 -->
            <div class="add-box">
                <div class="add">
                    <div class="icon">+</div>
                    <div class="word">添加问题</div>
                </div>           
            </div>
        </div>
        
        <!-- 分隔线 -->
        <div class="line"></div>
        <!-- 其他部分 -->
        <div class="other">
            <!-- 截止日期 -->
            <div class="deadLine">
                <div class="word">
                    问卷截止日期
                </div>
                <!-- 日期选择框部分 -->
                <div class="time">
                    <input type="date" name="date" id="date" value="">
                </div>
            
            </div>
            <div class="btns">
                <!-- 保存问卷 -->
                <div class="save">
                    <a href="javascript:;">保存问卷</a>
                </div>
                <!-- 发布问卷 -->
                <div class="public">
                    <a href="javascript:;">发布问卷</a>
                </div>
                <!-- 填写提交问卷 -->
                <div class="submit">
                    <a href="javascript:;">提交问卷</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 问卷发布弹出层 -->
    <!-- 删除弹出层 -->
    <div class="cover">
        <div class="box">
            <div class="box-head">
                <p>提示</p> 
                <img src="./imags/close.svg" alt="" id="close">
            </div>
            <div class="box-main">
                <p class="word1">是否发布问卷 ？</p><br>
                <p class="word2">（此问卷截止时间为 <p class="time" id="timeId">2023-01-01</p><p>）</p></p> 
            </div>
            <div class="box-btn">
                <a href="javascript:;" id="yes">确认</a>&nbsp;
                <a href="javascript:;" id="no">取消</a>
            </div>
            
        </div>
    </div>
    
</body>
</html>